<template>
  <view class="cloud-container" :style="cloudContainerStyle">
    <view class="cloud-container-content">
      <slot>组团流程</slot>
    </view>
    <text class="left-cloud"></text>
    <text class="right-cloud"></text>
  </view>
</template>
<script>
import "../scss/cloud-container.scss";
export default {
  props: {
    width: { type: Number, default: 326 }
  },
  computed: {
    cloudContainerStyle() {
      return {
        width: `${this.width}rpx`
      };
    }
  }
};
</script>
